<div style="background:#fff;padding:20px;">
    <form class="form-horizontal forms" data-toggle="validator" method="POST" action="{:url('statistic.workorder/index')}">
        <div class="big-div" style="display: flex;">
            <div class="col-xs-12 col-sm-3">
                <input id="c-owner_date" class="form-control datetimerange"
                       data-time-picker="true"
                       data-locale='{"format":"YYYY-MM-DD"}'
                       name="row[times]" type="text" value="{$row.times}" autocomplete="off">
            </div>
            <div class="col-xs-12 col-sm-2">
                {:build_select('row[type_id]', $typeList, $row['type_id'], ['class'=>'form-control selectpicker sender'])}
            </div>
            <div class="col-xs-12 col-sm-3" style="display: flex;">
                <label  class="control-label" style="width:50px;margin-right: 10px;">所属:</label>
                <select  id="c-external_staff_id" class="form-control selectpicker" name="row[ids]" >
                    <option value="0" id="external_staff_id">请选择</option>
                </select>
            </div>
            <div class="col-xs-8 col-sm-2" style="display: flex;">
                <button type="submit" style="margin-right:20px" class="btn btn-success btn-embossed">{:__('OK')}</button>
                <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="div-box1">
                <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;border-bottom: 1px solid #ccc">
                    <h4>工单数量分析</h4>
                </div>
                <div id="echart" style="width:100%;height: 500px"></div>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-xs-12 col-md-12">
        <div class="div-box">
            <div class="box_td">
                <div class="box_th">员工姓名</div>
                <div class="box_th">新增工单数量</div>
                <div class="box_th">完成工单数量</div>
            </div>
            {volist name="table" id="vo" empty="暂时没有数据" }
            <div class="box_td">
                <div class="box_th">{$vo.name}</div>
                <div class="box_th">{$vo.add}</div>
                <div class="box_th">{$vo.end}</div>
            </div>
            {/volist}

        </div>
    </div>
</div>
<style>
    .div-box{
        width:100%;
        background:#fff;
        border-top:1px solid #bfbcbc;
        border-left:1px solid #bfbcbc;
    }
    .box_td{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .box_td .box_th{
        width:33.33%;
        height:40px;
        text-align: center;
        line-height: 40px;
        border-bottom:1px solid #bfbcbc;
        border-right:1px solid #bfbcbc;
    }
</style>
